<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@yyznm/img-view</title>
    <style>
        button {
            height: 40px;
            width: 100px;
        }

        input {
            height: 30px;
            width: 500px;
            max-width: 90%;
            display: block;
        }
    </style>
</head>

<body>
    <button onclick="test()">弹出图片</button>
    <input type="text" id="input" value="https://img.cdn.yyzhu.vip/2022/11/26/224109412.png">
    <!-- 测试 -->
    <script type="module">
        // vite的人口
        import YYZIMG from '/src/main.ts';
        window.test = function () {
            const img = new YYZIMG(document.getElementById('input').value).show()
        }
    </script>
</body>

</html>